import React from 'react';
import Svg, { Circle, Defs, LinearGradient, Path, Stop } from 'react-native-svg';

export const TelegramIcon = () => {
  return (
    <Svg width="100%" height="100%" viewBox="0 0 20 20" fill="none">
      <Circle cx="10" cy="10" r="10" fill="url(#paint0_linear_1_1713)" />
      <Path
        d="M3.82486 9.30492C7.04668 7.89382 9.19454 6.96344 10.2685 6.51396C13.3384 5.23045 13.9755 5.00754 14.3916 5.00007C14.4831 4.99851 14.6868 5.02125 14.8198 5.12941C14.9303 5.22056 14.9614 5.34382 14.9769 5.43028C14.9907 5.51674 15.0097 5.71379 14.9942 5.86761C14.8284 7.62454 14.1084 11.8881 13.7424 13.856C13.5887 14.6886 13.2831 14.9678 12.9879 14.995C12.3456 15.0544 11.8586 14.5687 11.2371 14.1591C10.265 13.5179 9.71598 13.119 8.77153 12.4935C7.68033 11.7705 8.38821 11.3731 9.00978 10.7238C9.17208 10.5539 12.0002 7.96795 12.0537 7.7334C12.0607 7.70406 12.0676 7.59468 12.002 7.53705C11.9381 7.47923 11.8431 7.49902 11.774 7.51465C11.6756 7.53687 10.1234 8.56951 7.11222 10.6124C6.67193 10.9169 6.2731 11.0653 5.91397 11.0575C5.52031 11.049 4.76066 10.8332 4.19606 10.6488C3.50542 10.4226 2.95461 10.303 3.00296 9.91881C3.02713 9.71881 3.3017 9.51412 3.82486 9.30492Z"
        fill="white"
      />
      <Defs>
        <LinearGradient
          id="paint0_linear_1_1713"
          x1="10"
          y1="0"
          x2="10"
          y2="20"
          gradientUnits="userSpaceOnUse">
          <Stop stopColor="#2AABEE" />
          <Stop offset="1" stopColor="#229ED9" />
        </LinearGradient>
      </Defs>
    </Svg>
  );
};

export const TelegramFilledIcon = () => {
  return (
    <Svg width="100%" height="100%" viewBox="0 0 20 20" fill="none">
      <Circle cx="10" cy="10" r="10" fill="#BBBBBB" />
      <Path
        d="M3.82486 9.30492C7.04668 7.89382 9.19454 6.96344 10.2685 6.51396C13.3384 5.23045 13.9755 5.00754 14.3916 5.00007C14.4831 4.99851 14.6868 5.02125 14.8198 5.12941C14.9303 5.22056 14.9614 5.34382 14.9769 5.43028C14.9907 5.51674 15.0097 5.71379 14.9942 5.86761C14.8284 7.62454 14.1084 11.8881 13.7424 13.856C13.5887 14.6886 13.2831 14.9678 12.9879 14.995C12.3456 15.0544 11.8586 14.5687 11.2371 14.1591C10.265 13.5179 9.71598 13.119 8.77153 12.4935C7.68033 11.7705 8.38821 11.3731 9.00978 10.7238C9.17208 10.5539 12.0002 7.96795 12.0537 7.7334C12.0607 7.70406 12.0676 7.59468 12.002 7.53705C11.9381 7.47923 11.8431 7.49902 11.774 7.51465C11.6756 7.53687 10.1234 8.56951 7.11222 10.6124C6.67193 10.9169 6.2731 11.0653 5.91397 11.0575C5.52031 11.049 4.76066 10.8332 4.19606 10.6488C3.50542 10.4226 2.95461 10.303 3.00296 9.91881C3.02713 9.71881 3.3017 9.51412 3.82486 9.30492Z"
        fill="white"
      />
    </Svg>
  );
};
